import axios from "axios";
import ReactDOM from 'react-dom/client'
import { Spin } from 'antd';
const instance = axios.create({
  baseURL: 'http://localhost:3000',
  timeout: 10000,
  method: 'get'
});

let container = null

// 添加请求拦截器
instance.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么

  const accessToken = localStorage.getItem('accessToken')
  container = document.createElement('div')
  container.setAttribute('id', 'loading')
  document.body.appendChild(container)
  console.log(config)

  ReactDOM.createRoot(container).render(<Spin size="large" fullscreen="true" tip="Loading..." />)
  if (accessToken) {
    config.headers.Authorization = `Bearer ${accessToken}`
  }
  return config;
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error);
});

// 添加响应拦截器
instance.interceptors.response.use(function (response) {

  // 判断是否请求到数据  如果有数据则删除loading
  console.log(!response.data, "123123")
  if (response.data) {
    // console.log(123123)
    document.getElementById('loading').remove()
  }
  // setTimeout(()=>{

  // },1000)
  // 对响应数据做点什么
  return response;
}, function (error) {
  // 对响应错误做点什么
  return Promise.reject(error);
});

export default instance;